.footer {
  padding: 30px 0;
  margin-top: 30px;
  background-color: #f6f9fa;
  .inner {
    width: 85%;
    min-width: 800px;
    margin: 0 auto;
    .link {
      display: flex;
      h3 {
        margin-bottom: 20px;
        font-weight: 400;
        color: #999;
      }
      .linkleft {
        flex: 2;
        margin-right: 30px;
        border-right: 1px solid #eee;
        ul {
          display: flex;
          flex-wrap: wrap;
          li {
            width: 50%;
            line-height: 30px;
          }
        }
      }
      .linkmiddle {
        flex: 3;
        margin-right: 40px;
        border-right: 1px solid #eee;

        ul {
          display: flex;
          flex-wrap: wrap;
          li {
            width: 33.3333%;
            line-height: 30px;
          }
        }
      }
      .linkright {
        flex: 2;

        display: flex;
        align-items: center;
        div {
          width: 33.3333%;
          a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            i {
              font-size: 50px;
            }
          }
        }
        div:nth-child(3) i {
          color: #42c86b;
        }
        div:nth-child(2) i {
          color: #fe596c;
        }
        div:nth-child(1) i {
          color: #585f69;
        }
      }
    }
    .webInfor {
      display: flex;
      margin-top: 30px;
      .picBox {
        flex: 1;
        img {
          display: block;
          width: 100px;
        }
      }
      .textBox {
        flex: 9;
        p {
          color: #999;
          font-size: 12px;
        }
        a {
          color: #999;
          font-size: 12px;
          transition: 0.3s;
        }
        a:hover {
          color: #00a0d8;
          transition: 0.3s;
        }
      }
    }
  }
}
